<!DOCTYPE html>
	<html>
		<head>
			<meta charset="UTF-8" />
			<title>Name of User - 0-Hack</title>
			<link rel="icon" type="image/ico" href="favicon.ico"/>
			<link rel="stylesheet" href="style.css" />
            <link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
		</head>
	
		<body>
		<div class="header">
		0-Hack
		</div>
		
			<div id="navigation_container">
			<!-- left side of fork effect -->
				<div class="l-triangle-top"></div>
				<div class="l-triangle-bottom"></div>
			<!-- ribbon body -->
				<div class="rectangle">
			<!-- navigation links -->
				
				<ul id="navigation">
					<li><a href="/">Home</a></li>
					<li><a href="/shop">My Shop</a></li>
					<li><a href="/admin">Administration</a></li>
					<li><a href="#">0-Hack Info</a></li>

				</ul>
			<!-- end ribbon body -->
				</div>
			<!-- right side of fork effect -->
				<div class="r-triangle-top"></div>
				<div class="r-triangle-bottom"></div>
			<!-- end container -->
			</div>
			
            <div class="info">	
				<article>
					<section id="details">
						<h1>Name of User</h1>			
						<img src="#from some database?" alt="Profile Picture" id="profpic" width=150 height=150/>
						<p>Location:</p>
						<p>Last seen:</p>
					</section>
					<section id="items">
						<div class="selling">
						Item1
						</div>
						<div class="selling">
						Item2
						</div>
						<div class="selling">
						Item3
						</div>
					</section>
					<input type="button" id="message" name="message" value="Message"/>
				 </article>
             </div>
		</body>
	
		<footer>
		&copy; 2013
		</footer>